<style>
    .out{
        background-color: #fff;
        border: 1px solid #888;
        width:99%;
        color:#444;
    }
</style>
<div class='title'>提示框</div>

<div class="sub">
<div class='text'>JUI.msg 中有以下以下几个方法：</div>
<div class="list">
    <div>1.success():成功提示的简写</div>
    <div>2.info():信息提示的简写</div>
    <div>3.warn():警告提示的简写</div>
    <div>4.error():错误提示的简写</div>
    <div>5.close():关闭队列首部的消息框</div>
    <div>6.isOpen():当前是否有打开的消息框</div>
    <div>7.clear():关闭所有消息框</div>
</div>
<div class='text'>
    消息类型的默认值为info ,可选值有 success，info，warn，error<br>
    请看一个例子：
    <div class="out">
        <button jon='allParam'>所有参数</button>
        <button jon='success'>简写</button>
        <button jon='error'>独立的函数</button>
        <button jon='close'>关闭队列首部的消息框</button>
        <button jon='isOpen'>查看是否有打开的消息框</button>
        <button jon='clear'>关闭所有消息框</button>
    </div>
    <div class='j-code' disabled width='99%' height='auto'>
&lt;button jon='allParam'>所有参数&lt;/button>
&lt;button jon='success'>简写&lt;/button>
&lt;button jon='error'>独立的函数&lt;/button>
&lt;button jon='close'>关闭队列首部的消息框&lt;/button>
&lt;button jon='isOpen'>查看是否有打开的消息框&lt;/button>
&lt;button jon='clear'>关闭所有消息框&lt;/button>
&lt;script>
    new Jet({
        func:{
            allParam:function(){
                JUI.msg({
                    text:'text',
                    time:2000,//默认为2300
                    type:'warn',//默认为info ,可选值有 success，info，warn，error
                    autoClose:true, //默认为true
                    hover:true, //默认为true 鼠标hover时是否不会消失
                    html:false, //默认为false 是否将内容设置成 innerHTML
                    call:function(){console.log('close')},
                })
            },success:function(){
                JUI.msg('success');
            },error:function(){
                JUI.msg.error('error');
            },close:function(){
                JUI.msg.close();
            },isOpen:function(){
                alert(JUI.msg.isOpen())
            },clear:function(){
                JUI.msg.clear();
            }
        }
    });
&lt;/script>
    </div>
</div>

<script>
    new Jet({
        func:{
            allParam:function(){
                JUI.msg({
                    text:'text',
                    time:2000,//默认为2300
                    type:'warn',//默认为info ,可选值有 success，info，warn，error
                    autoClose:true, //默认为true
                    hover:true, //默认为true 鼠标hover时是否不会消失
                    html:false, //默认为false 是否将内容设置成 innerHTML
                    call:function(){console.log('close')},
                })
            },success:function(){
                JUI.msg('success');
            },error:function(){
                JUI.msg.error('error');
            },close:function(){
                JUI.msg.close();
            },isOpen:function(){
                alert(JUI.msg.isOpen())
            },clear:function(){
                JUI.msg.clear();
            }
        }
    });
</script>